<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<title>微信签到系统-课程表</title>
	<link rel="stylesheet" href="${path}/admin/css/bootstrap.css">
	<script src="${path}/admin/js/jquery.js"></script>
	<script src="${path}/admin/js/bootstrap.min.js"></script>
	<style>
		.main{
			margin-top:15px;
		}
		.table tr th,.table tr td{
			text-align: center;
		}
		h2{
			font-size:20px;
			text-align: center;
			padding:0px 0 10px 0;
			border-bottom:2px solid #f60;
			
		}
		h4{
			font-size: 16px;
			padding:40px 0;
			border-right:1px solid #999;
			margin:2px;
		}
		.tr-am{
			background:#FAF0E6;
		}
		.tr-pm{
			background: #F4F4F4;
		}
		thead tr{
			background: #F4A460;
		}
	</style>
</head>
<body>
<div class="main container" >
	<h2>${classInfo.className }</h2>
	<div class="table-container table-responsive">
		<table class="table  table-responsive">
			<thead>
				<tr>
					<th></th>
					<th>课程</th>
					<th>星期一</th>
					<th>星期二</th>
					<th>星期三</th>
					<th>星期四</th>
					<th>星期五</th>
				</tr>
			</thead>
			<tbody>
				<tr class="tr-am">
					<td rowspan="1">
						<h4>上午</h4>
					</td>
					<td width="180">
						<div>
							<p>第1节（${courseInfo.timeMap.courseOne.startTime }--${courseInfo.timeMap.courseOne.endTime }）</p>
							<p>第2节（${courseInfo.timeMap.courseTwo.startTime }--${courseInfo.timeMap.courseTwo.endTime }）</p>
							<p>第3节（${courseInfo.timeMap.courseThree.startTime }--${courseInfo.timeMap.courseThree.endTime }）</p>
							<p>第4节（${courseInfo.timeMap.courseFour.startTime }--${courseInfo.timeMap.courseFour.endTime }）</p>
						</div>
					</td>
					<td>
						<div class="am">
							<p>${courseInfo.courseMap.day_1.courseOne }</p>
							<p>${courseInfo.courseMap.day_1.courseTwo }</p>
							<p>${courseInfo.courseMap.day_1.courseThree }</p>
							<p>${courseInfo.courseMap.day_1.courseFour }</p>
						</div>
					</td>
					<td>
						<div class="am">
							<p>${courseInfo.courseMap.day_2.courseOne }</p>
							<p>${courseInfo.courseMap.day_2.courseTwo }</p>
							<p>${courseInfo.courseMap.day_2.courseThree }</p>
							<p>${courseInfo.courseMap.day_2.courseFour }</p>
						</div>
					</td>
					<td>
						<div class="am">
							<p>${courseInfo.courseMap.day_3.courseOne }</p>
							<p>${courseInfo.courseMap.day_3.courseTwo }</p>
							<p>${courseInfo.courseMap.day_3.courseThree }</p>
							<p>${courseInfo.courseMap.day_3.courseFour }</p>
						</div>
					</td>
					<td>
						<div class="am">
							<p>${courseInfo.courseMap.day_4.courseOne }</p>
							<p>${courseInfo.courseMap.day_4.courseTwo }</p>
							<p>${courseInfo.courseMap.day_4.courseThree }</p>
							<p>${courseInfo.courseMap.day_4.courseFour }</p>
						</div>
					</td>
					<td>
						<div class="am">
							<p>${courseInfo.courseMap.day_5.courseOne }</p>
							<p>${courseInfo.courseMap.day_5.courseTwo }</p>
							<p>${courseInfo.courseMap.day_5.courseThree }</p>
							<p>${courseInfo.courseMap.day_5.courseFour }</p>
						</div>
					</td>
					
				</tr>
				
				<tr class="tr-pm">
					<td rowspan="1">
						<h4>下午</h4>
					</td>
					<td>
						<div>
							<p>第1节（${courseInfo.timeMap.courseFive.startTime }--${courseInfo.timeMap.courseFive.endTime }）</p>
							<p>第2节（${courseInfo.timeMap.courseSix.startTime }--${courseInfo.timeMap.courseSix.endTime }）</p>
							<p>第3节（${courseInfo.timeMap.courseSeven.startTime }--${courseInfo.timeMap.courseSeven.endTime }）</p>
							<p>第4节（${courseInfo.timeMap.courseEight.startTime }--${courseInfo.timeMap.courseEight.endTime }）</p>
						</div>
					</td>
					<td>
						<div class="pm">
							<p>${courseInfo.courseMap.day_1.courseFive }</p>
							<p>${courseInfo.courseMap.day_1.courseSix }</p>
							<p>${courseInfo.courseMap.day_1.courseSeven }</p>
							<p>${courseInfo.courseMap.day_1.courseEight }</p>
						</div>
					</td>
					<td>
						<div class="pm">
							<p>${courseInfo.courseMap.day_2.courseFive }</p>
							<p>${courseInfo.courseMap.day_2.courseSix }</p>
							<p>${courseInfo.courseMap.day_2.courseSeven }</p>
							<p>${courseInfo.courseMap.day_2.courseEight }</p>
						</div>
					</td>
					<td>
						<div class="pm">
							<p>${courseInfo.courseMap.day_3.courseFive }</p>
							<p>${courseInfo.courseMap.day_3.courseSix }</p>
							<p>${courseInfo.courseMap.day_3.courseSeven }</p>
							<p>${courseInfo.courseMap.day_3.courseEight }</p>
						</div>
					</td>
					<td>
						<div class="pm">
							<p>${courseInfo.courseMap.day_4.courseFive }</p>
							<p>${courseInfo.courseMap.day_4.courseSix }</p>
							<p>${courseInfo.courseMap.day_4.courseSeven }</p>
							<p>${courseInfo.courseMap.day_4.courseEight }</p>
						</div>
					</td>
					<td>
						<div class="pm">
							<p>${courseInfo.courseMap.day_5.courseFive }</p>
							<p>${courseInfo.courseMap.day_5.courseSix }</p>
							<p>${courseInfo.courseMap.day_5.courseSeven }</p>
							<p>${courseInfo.courseMap.day_5.courseEight }</p>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<script>


</script>

</body>
</html>